#app {
    background-color: #F5F5F5;
}

.top {
    height: 1.4rem;
    position: relative;
}

.back_ico {
    position: absolute;
    top: .4rem;
    left: .4rem;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/fanhui.png) no-repeat center;
    background-size: cover;
}

.search {
    position: absolute;
    top: .4rem;
    left: 50%;
    transform: translateX(-55%);
    width: 4.6rem;
    height: .56rem;
    border-radius: 1rem;
    border: none;
    text-indent: 3em;
}

.search_btn {
    position: absolute;
    top: .4rem;
    right: .25rem;
    width: 1rem;
    height: 0.56rem;
    border-radius: .5rem;
    border: none;
    background: linear-gradient(#ff971b, #ff5000);
    color: #fff;
}

.search_ico {
    position: absolute;
    top: .46rem;
    left: 1.5rem;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/sousuo1.png) no-repeat center;
    background-size: cover;
    z-index: 1;
}

.history {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12rem;
    background-color: #fff;
    border-radius: .1rem .1rem 0 0;
    padding: .3rem;
    box-sizing: border-box;
}

.history .title {
    font-size: .28rem;
    margin-bottom: 0.4rem;
    float: left;
}

.history .del {
    float: right;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/dustbin_icon.png);
    position: absolute;
    right: .6rem;
    top: .3rem;
    background-size: cover;
}

.history li {
    float: left;
    padding: .1rem .2rem;
    margin: .1rem .2rem;
    font-size: .28rem;
    height: 0.4rem;
    background-color: #F8F8F8;
    color: #999;
    border-radius: .4rem;
}